.mgj-mallNav {
    background: #fff;

    .nav-top {
        background: #fff;
        width: 100%;
        margin-bottom: 0.133333rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0.24rem 0.24rem 0;

        .navTop-item {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

          .item-img {
              width: 2.186667rem;
              height: 2.186667rem;
              overflow: hidden;
              border-radius: 0.106667rem;
              

            img {
                width: 100%;
                height: 100%;
                display: block;
            }
          }
      
          .item-tit {
            margin-top: 0.08rem;
            color: white;
            position: absolute;
            bottom: 0.266667rem;
            font-size: 0.373333rem;
            line-height: 0.373333rem;
            font-weight: 700;
          }
        }

        .imgblock-box-outer {
          position: relative;
          top: -1.1rem;
          left: 0.36rem;
          z-index: 20;
          
          .time {
            display: flex;
            align-items: center;
            justify-content: center;

            span {
              display: flex;
              align-items: center;
              justify-content: center;
              background: #333;
              border-radius: .03rem;
              width: .32rem;
              height: .32rem;
              font-size: 0.28rem;
              font-weight: 700;
              color: white;
              padding: 0.2rem;
            }
        
            em {
              font-style: normal;
              display: inline-block;
              width: .05rem;
              height: .12rem;
              margin: 0 .05rem;
              top: .12rem;
              background: url() no-repeat 50%;
            }
          }
        }
      }
  
    
    .mall-navList {
        background: #fff;
        height: 6.533333rem;
        width: 100%;
        // margin-bottom: 0.133333rem;
        display: flex;
        flex-wrap: wrap;

      .navList-item {
        margin: 0.133333rem 0;
        height: 1.893333rem;
        width: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .item-img {
            width: 1.333333rem;
            height: 1.333333rem;
            overflow: hidden;

          img {
              width: 100%;
              height: 100%;
              display: block;
          }
        }
  
        .item-tit {
            height: 0.48rem;
            line-height: 0.48rem;
            margin-top: 0.08rem;
            color: rgb(102, 102, 102);
        }
      }
    }
  }